<template>
    <div>
        <div class="crumbs">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item><i class="el-icon-date"></i> 企业信息</el-breadcrumb-item>
                <el-breadcrumb-item>基本信息</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <el-form ref="form" :model="form" label-width="180px"  class="company-form" >
            <el-row :gutter="10">
              <el-col :span="12">
                <el-form-item label="企业状态">
                    <el-input v-model="form.field1" readonly></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="统一信用代码">
                    <el-input v-model="form.field2" readonly></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="10">
              <el-col :span="12">
                <el-form-item label="填报单位详细名称">
                    <el-input v-model="form.field3" readonly></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="曾用名">
                    <el-input v-model="form.field4" readonly></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="10">
              <el-col :span="12">
                <el-form-item label="法定代表人">
                    <el-input v-model="form.field5" readonly></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="登记注册类型">
                    <el-input v-model="form.field6" readonly></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="10">
              <el-col :span="12">
                <el-form-item label="是否属于环境统计范围">
                    <el-radio v-model="form.field7" label="是" disabled >是</el-radio>
                    <el-radio class="radio" v-model="form.field7" label="否" disabled >否</el-radio>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="是否通过ISO/4000认证">
                    <el-radio v-model="form.field8" label="是" disabled >是</el-radio>
                    <el-radio class="radio" v-model="form.field8" label="否" disabled >否</el-radio>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="10">
              <el-col :span="12">
                <el-form-item label="联系人">
                    <el-input v-model="form.field9" readonly></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="联系人手机">
                    <el-input v-model="form.field10" readonly></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="10">
              <el-col :span="12">
                <el-form-item label="联系人电话">
                    <el-input v-model="form.field11" readonly></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="联系人邮箱">
                    <el-input v-model="form.field12" readonly></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="企业地址">
                    <el-input v-model="form.field13" readonly></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="10">
              <el-col :span="12">
                <el-form-item label="企业中心经度">
                    <el-input v-model="form.field14" readonly></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="企业中心纬度">
                    <el-input v-model="form.field15" readonly></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="10">
              <el-col :span="12">
                <el-form-item label="地址邮编">
                    <el-input v-model="form.field16" readonly></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="行政区划代码">
                    <el-input v-model="form.field17" readonly></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="10">
              <el-col :span="12">
                <el-form-item label="行业类别">
                    <el-input v-model="form.field18" readonly></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="投产时间">
                    <el-input v-model="form.field19" readonly></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="备注">
                    <el-input v-model="form.field20" readonly type="textarea"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-form-item class="btn-group">
                <el-button @click="update" type="primary">修改</el-button>
                <el-button @click="back">返回</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>

<script>
    export default {
        data: function(){
            return {
                form: {
                    field1: '市控企业（100吨以上）',
                    field2: '9135020061200XXXXX',
                    field3: '厦门建霖工业有限公司',
                    field4: '无',
                    field5: '吕**',
                    field6: '有限责任公司',
                    field7: '否',
                    field8: '否',
                    field9: '何**',
                    field10: '189*****670',
                    field11: '189*****670',
                    field12: '',
                    field13: '厦门市集美区天凤路69号3楼北侧',
                    field14: '118.106032',
                    field15: '24.59834',
                    field16: '361023',
                    field17: '福建省-厦门市-集美区',
                    field18: '制造业',
                    field19: '1990-06-23',
                    field20: '排污许可证不清晰',
                    delivery: true,
                    type: ['步步高'],
                    resource: '小天才',
                    desc: ''
                }
            }
        },
        methods: {
            update() {
                this.$message.success('修改成功！');
            },
            back() {
                this.$router.push('/');
            }
        }
    }
</script>
<style lang="less">
    .company-form {
        width: 80%;
        margin: 0 auto;
    }
    .btn-group {
        text-align:center;
    }
</style>